<div id="main-content">
    <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
    <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
    <div class="container">
        <div class="row">
            <div id="content" class="col-lg-12">
                <!-- PAGE HEADER-->
                <!-- /PAGE HEADER -->
                <!-- CALENDAR -->
                <div class="row">
                    <div class="col-md-12">
                        <!-- BOX -->
                        <div class="box border">
                            <div class="box-title">
                                <h4><i class="fa fa-calendar"></i>组织列表</h4>
                                <div class="tools">
                                </div>
                            </div>
                            <div class="box-body">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="pull-left">
                                            <label>
                                                <select size="1" ng-model="pageSize" class="form-control input-sm">
                                                    <option value="2">2</option>
                                                    <option value="4">4</option>
                                                </select>
                                            </label>
                                        </div>
                                        <div class="pull-right">
                                            <label>
                                                <input ng-model="inputOrgName" class="form-control input-sm"/>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <table cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
                                    <tr>
                                        <th style="width:10%">序号</th>
                                        <th style="width:30%" ng-click="col='Name';desc=!desc">组织名称</th>
                                        <th style="width:30%" ng-click="col='City';desc=!desc">组织描述</th>
                                        <th style="width:20%" ng-click="col='Country';desc=!desc">组织创建者</th>
                                        <th style="width:10%">操作</th>
                                    </tr>
                                    <tr ng-repeat="x in items|orderBy:col:desc|filter:{name:inputOrgName}">
                                        <td>{{ $index + 1 }}</td>
                                        <td ng-bind="x.name"></td>
                                        <td ng-bind="x.description "></td>
                                        <td ng-bind="x.createdByName"></td>
                                        <td><button class="btn btn-xs btn-warning" ng-click="ApplyToJoinOrg(x.id)">申请加入</button></td>
                                    </tr>
                                </table>
                                <div class="row">
                                    <div class="pull-right">
                                        <nav>
                                            <ul class="pagination">
                                                <li>
                                                    <a ng-click="Previous()">
                                                        <span>上一页</span>
                                                    </a>
                                                </li>
                                                <li ng-repeat="page in pageList" ng-class="{active: isActivePage(page)}" >
                                                    <a ng-click="selectPage(page)" >{{ page }}</a>
                                                </li>
                                                <li>
                                                    <a ng-click="Next()">
                                                        <span>下一页</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /BOX -->
                    </div>
                </div>
                <!-- /CALENDAR -->
                <div class="footer-tools">
                    <a class="go-top">
                        <i class="fa fa-chevron-up"></i> Top
                    </a>
                </div>
            </div><!-- /CONTENT-->
        </div>
    </div>
</div>

